interface State {
  aimDom: {
    style?: { [organName: string]: string };
    context?: { value: string; type: string };
    faPosition?: { top: number; left: number };
    [organName: string]: any;
  }; //目标DOM节点
  aimPath: {}[]; //目标路径
  aimAttrs: {
    context?: string;
    goto?: { type: string; value: string };
    [organName: string]: any;
  }; //目标属性
  aimBox: {} | null; //目标容器
  aimXY: {} | null; //鼠标与组件的偏移
  componentList: { [organName: string]: {} };
  seniorBoxList: { [organName: string]: {} };
  //为了可以显示margin...
  colorDomStyle: {
    width: string;
    height: string;
    top: string;
    left: string;
    padding: string;
    border: string;
    margin: string;
  };
  judgeColorDom: boolean;
  domStack: {}[]; //存储栈
  domStackNum: number; //存储栈控制下标
  page?: {
    tree: {
      [organName: string]: {}[];
    };
  };
}

export default function controlSeniorBoxDialog(
  state: State,
  {
    e,
    that,
  }: { e: { path: { className: string }[] }; that: { pageName: string } }
) {
  let seniorBox = JSON.parse(JSON.stringify(state.componentList["seniorBox"]));
  let num = e.path.reverse()[e.path.length - 1].className;

  seniorBox.attrs.class = `seniorBox${new Date().getTime()} NO${num}`;
  seniorBox.num = num;
  seniorBox.children = JSON.parse(JSON.stringify(state.seniorBoxList[num]));

  state.domStackNum += 1;
  state.domStack.splice(state.domStackNum);

  state.domStack.push({
    type: "add",
    pageName: that.pageName,
    data: [seniorBox, state.page?.tree[that.pageName].length],
    path: [
      {
        className: seniorBox.attrs.class,
      },
    ],
  });

  state.page?.tree[that.pageName].push(seniorBox);
}
